<template>
  <div id="canvasWrap">
    <canvas id="canvasFrame"></canvas>
  </div>
</template>
<script>
import ThreeTool from "../utils/three/scene.js";
export default {
  name: "Scene",
  data() {
    return {};
  },
  mounted() {
    const threeTool = new ThreeTool(
      document.getElementById("canvasWrap"),
      document.getElementById("canvasFrame")
    );
    threeTool.resize(window.innerWidth, window.innerHeight);
  },
};
</script>
<style scoped>
#canvasWrap {
  width: 100%;
  height: 100%;
}
#canvasFrame {
  width: 100%;
  height: 100%;
}
</style>